/**
 * Created by Administrator on 2016/8/4.
 */
$(function () {
    var b = 0;
    var c = 0;
    var a = null;
    var e = null;
    function time() {
        a = setInterval(function () {
            b = b+1;
            c=0;
            $('.list li').each(function () {
                $(this).css('opacity','0');
            });
            $('.count li').each(function () {
                $(this).removeClass('b');
                $('.count li').eq(b).addClass('b');
            });
            if(b>=4){b=-1}
        },2000);
        e = setInterval(function () {
            c = c+ 0.2;
            $('.list li').eq(b).css('opacity',c);
        },200);
    }
    time();
    $('.list').mouseover(function () {
        clearInterval(a);
        clearInterval(e);

    }).mouseout(function () {
        time();
    });
    $('.count li').each(function (index) {
        $(this).click(function () {
            clearInterval(a);
            clearInterval(e);
            b = index;
            $('.list li').each(function () {
                $(this).css('opacity','0');
                $('.list li').eq(b).css('opacity',1);
                $('.count li').removeClass('b');
                $('.count li').eq(b).addClass('b');
            });


        })
    })
})

